<template>
  <h1 class="m-v-30">Props</h1>
  <h3 class="m-v-10">props声明</h3>
  <div>defineProps</div>

  <h3 class="m-v-10">props传递细节</h3>
  <div>
    值类型：Number,Boolean,Array,Object... <br>
    单向数据流，不可改变，<br>
    可以更改对象数组型props的值,因为javaScript的对象以及数组是按需引用传递的。尽量避免更改父组建的对象或数组的值而是通过事件来通知父组建

  </div>

  <h3 class="m-v-10">Prop校验</h3>
  <div>
    除了Boolean其他未传的props都为undefined
  </div>

  <div>
  </div>
</template>

<script setup lang="ts">
defineProps({
  title: String,
  count: {
    type: Number,
    default: 0
  },
  obj: {
    type: Object,
    default: () => { }
  }
})
</script>

<style scoped>
</style>